深圳UI设计师如何引导、如何设计，吸引用户？

-------------------------------------------

大漠飞鹰CYSJ

上海|UI设计师

产品源于需求、深圳设计师何立于价值、引导引用久于体验，何设户0.5元1000赞良好的计吸用户体验是互联网产品立于之根本，也是深圳设计师何UI设计师、交互设计师所追求的引导引用目标之一，须要在用户目标不清晰以及对应用不理解的何设户情况下，借助设计手段合理、计吸合适的深圳设计师何跟用户对话，并解决用户的引导引用需求，完成应用该有的何设户使命。至于怎样引导、计吸如何设计，深圳设计师何大部份常常都是引导引用通过产品的细节达到目的。

01.「饿了么」首页-让利券弹窗剌激转化

产品体验：

每日首次步入饿了么首页，何设户系统就会手动出现一系列让利券弹窗，点击让利券直接步入可使用类型的店面列表，下单即可手动当作现金抵扣。

设计思索：

作为电商平台，最重要的就是消费转化，其实是要靠用户消费以后的收益来喝水的。对于消费转化的提高，平台也就会从商品营运、用户营运及剖析用户转化流失缘由等及时的作出各类对策，保证能对用户形成足够的吸引力。常见的手段无非就是：特惠、满减、叠加折、买赠、换购、套装组合、限时购等形式，但当所有平台都有了这种营销手段以后，对用户来说又变的毫无吸引力，这么就须要去思索在何时、何地启用这种手段能够吸引用户呢？

饿了么APP在每日首次使用时，就会手动弹出一系列让利券，是典型的属于借助弹窗进行利益诱使，在用户还未形成消费欲望之前，通过福利的0.5元1000赞领取、商品的让利等利益剌激手段，吸引用户继续完成对内容/商品的消费，借以减少用户流失，比起把让利券置于商品后面的那个常规做法，更具吸引力。当提示用户有好多的让利券未领到，唤起用户的好奇心与贪实惠心理后，不管用户是有目标还是无目标性的消费，只要让利的数额越大，对用户的吸引力就越大，吸引用户参与下单消费，进而提高转化。

02.「网易云音乐」双击播放页面收藏歌曲

产品体验：

在网易云音乐的播放页面，不仅点击心型图标可以收藏外，直接双击屏幕空白区域，也可以收藏，除去精准点击操作，特别方便。

设计思索：

不管是听歌还是看视频，遇见喜欢的我们都会点赞给与作者鼓励，还可以进行收藏，以易于回味，收藏更像是一种不在意天长地久，只在意以前拥有的觉得，只希望在拥有它的时侯，好好保存。收藏有利于用户的二次使用，以提高用户黏性促使消费转化，是一个相当重要的功能，好多产品还会在按键位置、交互式样、手势、区域等多种方式提高用户体验，达到吸引用户以触发操作为目的。

网易云音乐的播放页面，不仅有常规的收藏按键可触发之外，还降低双击屏幕空白区域收藏的方法，这样就减小了收藏的触发范围，无需精准点击，操作方法愈发方便。双重路径，多种方法更能提高收藏的触发率，以易于用户二次使用，通过提高使用黏性提升用户消费转化的机率。

03.「UC浏览器」广告带流量、自身赚获益

产品体验：

①、UC浏览我的页面会有一个红包小动漫漂浮在设备两侧，吸引用户点击；

②、进入红包页面然后，上面有好多红包任务，在未完成的情况下若离开此页面，会出现福利类型的弹窗进行利益诱使，对用户做出挽留。

设计思索：

使用过电商类型APP的用户都再清楚不过了，为了达到转化的目的，各类手段是层出不穷，用户有多精，应用的套路就有多深。双十一将近，各大电商平台也都在使出四肢解数，有用户惊呼“猝不及防的一波逼迫，最后一道心理防线倒塌，就开始剁手了”。UC浏览器即使不是电商类应用，但却是其他购物平台打宣传广告的神器，只要做好流量入口，点击量够高，平台的收入就不多说了。

UC浏览器我的页面有一个红包小动漫漂浮在设备两侧，通过动态的方法，时刻吸引着用户的注意力。相比静态的入口形式，愈发吸引眼珠，降低视觉关注度，动态设计丰富了图标入口更多可能性的抒发，结合对应的动态疗效抒发出不同的情绪或情感，提高用户的点击欲望，降低点击率。

用户步入红包页面然后，在未完成红包任务的情况下若要离开，会用弹窗对用户做出挽留。通过弹窗上面的文案进行福利领取、商品让利等剌激手段对用户进行利益诱使，这些「目标趋近效应」的心理疗效，会让用户继续完成未完成的事物，目的是对用户作出挽留，使其早日达成目标，最终进行消费转化。

04.「流利说·英语」尼尔森可用性原则-状态的可见性

产品体验：

流利说·英语每晚默认给用户的学习任务时间为30分钟。学习前，标签栏的图标为正常状态；学习中以比率的环型统计款式，依照学习进度实时更新数据；学习后，图标降低“对勾”提示，告知用户已完成。

设计思索：

流利说·英语是一款很棒的日语学习软件，相信有好多用户都是被上面的各类营销手段所吓倒（其实目的也是为了学好法语），之后就开通了月/季/年会员播放量双击平台，订购了会员以后你也会感觉物超所值，用户体验以及教学方法与同类型的应用相比，都是走在最前沿的。开通了会员以后，用户都会奔着每晚的学习任务目标（不多于30分钟）而去，应当不会有人在没有开通会员的情况下随时步入流利说APP休闲娱乐吧，这么每晚30分钟学习任务的设计体验就成了会员用户的焦点。

用过流利说·英语APP的用户都晓得，每晚的最低学习时间是30分钟，学习进度不仅用户自身心理预期和界面提示外，还通过系统的可见性，在合适的时间、位置再度提醒着用户。顶部标签栏的学习图标按照学习前、学习中、学习完成后给与不同的状态提示，虽然在其他tab主功能页面，也能让用户随时清楚自己学习任务的完成进度。尼尔森10大可用性原则的“系统状态的可见性”告诉我们：系统应当在适当的时间给与合适的反馈，借此让用户了解正在发生的事情，它包括位置可见、数量可见、状态可见，流利说标签栏的图标变化恰好展现了这一点，特别贴心。

05「支付宝」扫物辨识-为天猫构建转化通道

产品体验：

在支付宝首页底部的扫一扫功能里，选择识物，拍取商品的相片，即可从天猫商品库筛选出跟相片相同/相像的商品，步入可直接从天猫渠道完成下单。

设计思索：

我们对家族产品了解的好多，但对于她们的推广形式，假如没有细品，可能还了解它们是怎么互通、建议用户认知、互相拉取流量的。诸如：网易红，通过统一的品牌色彩融入产品设计风格及图标勾画抒发品牌调性，提升品牌的可辨识性，构建家族品牌的认知；腾讯QQ，早前我们玩过的腾讯游戏以及陌陌的推出，大部份用户可能都是从QQ宣传渠道了解的；还有百度的全家桶、金山的捆绑......。其实每位家族的多个产品还会通过不同的方法互相推广，但推广力度最大的要数阿里企业产品的「淘宝」和「支付宝」了。用过网店的用户都晓得，订单支付须要用支付宝，所以支付宝不用非常宣传就被直接推动。

支付宝最新版本上线了照相识物功能，之前我写过一篇细节是关于天猫的照相识物功能的，这儿就不多说。从支付宝的扫一扫步入选择“识物”，即可从天猫商品库筛选出跟相片相同/相像的商品，直接在支付宝APP里对天猫的产品下单，正所谓多一种选择就多一个便捷。照相识物功能，对在天猫有购物需求要使用此功能的用户，多提供了一个渠道，还针对不了解天猫的用户做了一波宣传，为天猫拉取流量，提升转化率，做到了家族企业血脉相连。

06「兴业建行」查看农行卡完整卡号

产品体验：

①、兴业建行我的帐户上面，初始化卡号展示默认隐藏中间段的多个数字，可通过点击卡号旁边的耳朵图标，输入查询密码后显示完整卡号，并有一键复制功能。

②、在帐户页面截图，会出现toast弹层，确认是否本人操作的警告提示。

设计思索：

交行卡作为我们的个人小金库，相信每位人都有多张在手。在现今的互联网时代，不管是线下还是线上，有好多地方要用到交行卡，而建行为了个人财产安全，部份建行并未在APP中提供卡号，以至于我们在要用的时侯，因难以记住建行卡号，致使接出来的需求难以完成。

中信建行（及部份其他工行）APP帮助用户解决了这一困局。步入帐户页面，农行卡号默认隐藏中间段的多个数字，可使用查询密码查看完整建行卡号，还提供了一键复制操作，以便用户在其他地方使用。通过密码的查询方法，既能解决帐户安全问题，又能便捷用户随时通过线上查询卡号。

另外系统在帐户界面测量到有截图行为时，会弹出toast安全提示，对这个小弹层，其作用也是众说纭纭、各抒己见。由于自己截图，这个toast毫无意义；若果是陌生人截图，这个提示对帐户本人也是没有任何作用，从表面上看确实很鸡肋。不过有一点须要说明，其他人步入到帐户页面就须要通过手机屏保密码、APP登陆密码、账户安全密码、银行查询密码（查看完整卡号），突破层层密码防护才行，所以能达到这些条件的不是“情人”就是“基友”，对于帐户本人基本上不用害怕财产问题，所以我个人觉得这个toast提示是给其他人看的，只不过用心理暗示告诉对方请慎重操作（这是我的帐户，涉及财产问题，你不要瞎搞）。

07「淘宝」加入购物车-清晰感知反馈状态

产品体验：

使用天猫把喜欢的商品添加到购物车时，会在屏幕中间出现短暂的弹窗提示，告知用户已添加成功。

设计思索：

说起购物车，简直比自家的床还要了解，尤其是“剁手节”的将近，你们就会疯狂的买买买，装了一车又一车，之后坐等春节到来。其实每位用户就会使用购物车，不晓得你们有没有留心，哪种添加到购物车的反馈形式最友好，最符合用户的心理预期呢？

天猫加入购物车成功时的反馈相对来说是更符合用户心理预期的，成功添加以后，屏幕中间会出现“添加成功播放量双击平台，在购物车等亲~”toast弹窗提示。我们用过的好多其他电商类型的APP，加入购物车都是直接在购物车图标上通过数字变化反馈。而天猫的则是通过弹窗提示，这并非仅仅只是做差别化，在屏幕中心提示，抢占有利地形，可以让用户更清晰的感知到当前的交互状态，比起数字变化类型的反馈愈发显著，记忆更清晰，以易于用户在短时间内进行下一步决策。

08.「微信」青少年模式的作用

产品体验：

在陌陌的设置页面，通过登陆密码开启中学生模式，设置成功后可更改大部份的功能访问权限，才能有效防止中学生以学习为由沉溺在网路世界里。

设计思索：

网路带给中学生的好处毋庸置疑，而且中学生痴迷网路的问题也应该造成广泛的关注。之前QQ就出过中学生模式，不过起到的作用是微乎其微，由于大部份奶奶和儿子都只知陌陌而不知QQ，仍然会频繁出现儿子以学习为由在陌陌上嗨聊、刷视频、看新闻、买了不知智商品的情况，更有甚者直接在“吃鸡、王者”里花着父亲的血汗钱去买皮肤，让好多父母苦不堪言。

陌陌新版本上线中学生模式功能，通过登陆密码验证后开启，使陌陌小游戏、小程序、视频号、公众号、搜一搜等好多功能会遭到一些保护限制，父母也可依据情况设置容许访问的范围。虽然，任何功能都没有绝对性的，就例如上文所说，小孩玩游戏充钱买皮肤的事，父母也有不可恭顺的责任，没有手机解锁密码和陌陌的支付密码，是不可能冲值成功的，所以密码的安全性也须要做好安全防护，只有在父母的严格监督和辅助下，陌陌青少模式能够起到它应有的作用。

09.「百度云盘」取消会员-善意的提醒潜藏转化

产品体验：

在取消百度云盘超级会员时，会使用弹窗对用户作出挽留，告知取消会员后导致的后果，需谨慎思索，并弱化用房主操作的行为召唤按键，让用户舍弃取消会员的看法或通过操作失误而中止用户的行动。

设计思索：

每位产品都是基于以用户转化为目标的，尤其是付费类型的增值业务，每一个用户的转化都来之不易，假如用户离开，可能是永久性质的。当产品测量到用户有离开行为时，须要及时通过适当的鼓励或营销手段在用户离开之前做出适当的挽留，防止用户转投他处。

百度云盘在取消超级会员时，就通过弹窗来挽留用户。在弹窗中，列举了部份对用户特别重要的功能，先以文案手段做出警告，提醒用户取消会员后可能带来的影响、后果；之后围绕产品的功能亮点进行展示说明，借此证明产品或内容的质量与真实性，让用户形成恐惧感，指出取消会员的后果，唤起用户的「警惕意识」，且能带来一定的驱动力；最后将主/次行为召唤按键位置对调，通过视觉上的设计手段、障眼法制止用户‘溜走’，来达到存留，减少用户的流失率。

10.「keep」跑步-屏幕常亮降低操作频度

产品体验：

使用keep慢跑时，因给自己设有心理目标，会时常查看慢跑用时及里程。在慢跑设置里开启屏幕常亮，可防止因息屏锁定而须要解锁的麻烦操作，便捷随时浏览运动数据。

设计思索：

身体是革命的本钱，现一代的年青用户群体在紧凑的生活、工作的双重压力下，好多就会通过运动减压。基于金钱和时间成本的考虑，不一定会去瑜伽房，这么运动软件里的慢跑就成了首选，倘若不给自己定下慢跑目标就很难坚持下去，有了目标后，手机屏幕上的数据就成了坚持慢跑的关键。

在慢跑时，用户须要时常查看慢跑的时长以及里程，因手机手动息屏锁定的情况，须要解锁方能看见数据，非常是有逼迫症的用户可能会边跑边操作，特别麻烦，如果手机配置较差，屏保后还有可能手动结束应用进程，真是苦不堪言，严重的话就会造成用户丧失慢跑的动力，而运动APP也直接被雪藏。

使用keep慢跑时，这个问题迎刃而解。在慢跑设置里开启屏幕常亮功能，就可防止因息屏锁定而须要解锁的麻烦操作，便捷用户在慢跑的过程中随时浏览运动数据，十分便捷。

结语：

设计师须要养成体验产品的好习惯并将优秀的产品细节记录出来，强化自己的记忆，除了能提高自己的语言组织和总结能力，也为日后输出优秀的作品当铺垫，对自己的能力提高以及未来的职业发展带来便利。

本期产品细节分享结束，我们上期永别。

谢谢你的阅读支持·欢迎留言互动

-------------------------------------------

申明：本文内容及言论仅代表其作者之意，

并不反映任何黑马家族之意见及观点

零基础插画课程推荐

多一点行动·多一分构想

—

最新评论